<!doctype html>
<html class="no-js" lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>豆包儿</title>
    <meta name="description" content="Elegant UI Toolkit for Professional Web Creatives Based on Bootstrap 4">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/shards.min.css">
    <link rel="stylesheet" href="css/shards-demo.css?v=1.1.0">
</head>

<body>
<div class="loader"><div class="page-loader"></div></div>

<!-- Floating Shards -->
<img src="images/demo/pig.png" alt="Shard" class="shard">

<!-- Welcome Section -->
 <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
                <img src="images/demo/logo.png" alt="Example Navbar 1"height="30px">
                <a class="navbar-brand" href="https://zhidao.baidu.com/question/1433924750750853179.html" <style="color:#fff;"></a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown-1"
                        aria-controls="navbarNavDropdown-1"
                        aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarNavDropdown-1">
                    <ul class="navbar-nav mr-auto">
                        <li class="nav-item active">
                            <a class="nav-link" href="https://gitee.com/doubaobang/homepage">首页
                                <span class="sr-only">(current)</span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="https://www.facebook.com/">豆包儿</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="https://www.baidu.com/">逗包儿</a>
                        </li>
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" href="https://designrevision.com" id="navbarDropdownMenuLink"
                               data-toggle="dropdown" aria-haspopup="true"
                               aria-expanded="false">
                                联系我
                            </a>
                            <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
                                <a class="dropdown-item" href="https://www.baidu.com/">微信</a>
                                <a class="dropdown-item" href="https://www.baidu.com/">QQ</a>
                                <a class="dropdown-item" href="https://www.baidu.com/">邮箱</a>
                            </div>
                        </li>
                    </ul>

                    <ul class="navbar-nav">
                        <li class="nav-item">
                            <a class="nav-link" href="#"><i class="fa fa-twitter"></i></a>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link" href="#"><i class="fa fa-facebook"></i></a>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link" href="#"><i class="fa fa-linkedin"></i></a>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link" href="#"><i class="fa fa-github"></i></a>
                        </li>
                    </ul>
                </div>
            </nav>
<div class="welcome d-flex justify-content-center flex-column">
    <div class="inner-wrapper mt-auto mb-auto">
        <h1 class="slide-in">豆包儿</h1>
        <h4 class="slide-in">这是一个棒棒棒的豆包儿~</h4>
				<h4 class="slide-in">点击下方链接，就可以看到豆包儿的花瓣哦~~~！！</h4>
				  <div class="action-links slide-in">
          <a href="http://huaban.com/ming-love-ziji/" class="btn btn-primary btn-pill align-self-center mr-2">豆包儿的花瓣</a>
        </div>
    </div>
</div>

<!-- Page Content -->
<div class="page-content">
    <!-- Content -->
    <!-- Footer CTA -->
    <div class="footer-cta bg-dark">
        <div class="container my-5">
            <div class="py-5">
                <div class="text-center">
                    <h2 class="text-white"  style="margin-bottom:50px;">还想了解豆包更多？</h2>
                    <p class="text-muted col-lg-8 col-md-10 ml-auto mr-auto">小学历史课上，老师问同学道：“谁知道地球围着什么转呀。”
许多同学都举手了，老师叫小明回答，小明说：“地球围着太阳转。”老师又叫
几个同学回答，同学都和小明回答得一样。历史老师又问：“那你们谁知道最早提出地球围着太阳转的人是谁。”
同学们齐声说到：“小明。”</p>
                </div>

                <div class="share d-table ml-auto mr-auto mt-5">
                    <a href="https://twitter.com/intent/tweet?url=https://designrevision.com/download/shards&text=I%27m+in+love+with+Shards%2C+a+free+Bootstrap+4+UI+kit+by+%40DesignRevision+%23ui+%23design+%23free+%23bootstrap"
                       class="btn btn-pill btn-primary mr-4" title="Share Shards on Twitter">
                        <i class="fa fa-twitter mr-1"></i> 分享到推特</a>
                    <a href="https://www.facebook.com/sharer/sharer.php?u=https://designrevision.com/download/shards"
                       class="btn btn-pill btn-primary mr-4"
                       title="Share on Facebook">
                        <i class="fa fa-facebook mr-1"></i> 分享到脸书</a>
                    <a href="https://www.linkedin.com/shareArticle?mini=true&title=Shards+%E2%80%94+A+free+and+modern+Bootstrap+4+UI+kit&url=https://designrevision.com/download/shards"
                       class="btn btn-pill btn-primary mr-4" title="Share on LinkedIn">
                        <i class="fa fa-linkedin mr-1"></i> 分享到朋友圈</a>
                </div>
            </div>
        </div>
    </div>

    <footer class="main-footer py-5">
        <p class="text-muted text-center small p-0 mb-4">&copy; Copyright 2017 — DesignRevision</p>
        <div class="social d-table ml-auto mr-auto">
            <a class="twitter mx-3 h4" href="https://twitter.com/DesignRevision" target="_blank">
                <i class="fa fa-twitter"></i>
                <span class="sr-only">View our Twitter Profile</span>
            </a>
            <a class="facebook mx-3 h4" href="https://www.facebook.com/designrevision" target="_blank">
                <i class="fa fa-facebook"></i>
                <span class="sr-only">View our Facebook Profile <span>
            </a>
            <a class="github mx-3 h4" href="https://github.com/designrevision" target="_blank">
                <i class="fa fa-github"></i>
                <span class="sr-only">View our GitHub Profile</span>
            </a>
        </div>
    </footer>
</div>

<!-- JavaScript -->
<div id="fb-root"></div>
<script>(function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.10&appId=1662270373824826"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>
<script async defer src="https://buttons.github.io/buttons.js"></script>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>
<script src="js/shards.min.js"></script>
<script src="js/demo.min.js"></script>

</body>
</html>
